<template>
    <div class="Register">
        <Header :title="'登录'" :url="'/Login'"></Header>
        <input type="text" placeholder="请输入您的手机或邮箱">
        <input type="text" placeholder="请输入您的密码">
        <input type="text" placeholder="请再次输入您的密码">
        <button>注册</button>
    </div>
</template>

<script>
    import Header from './Header'
    export default {
        components:{
            Header
        }
    }
</script>

<style scoped>
    .Register{
        background:gainsboro;
        height: 100%;
        position:relative;
    }
    input{
        border: none;
        width: 95%;
        height:0.9rem ;
        position: relative;
        left: 0.17rem;
        top: 2.5rem;
        outline: none;
        font-size: 14px;
        margin-bottom: 0.2rem !important;
        padding: 0.2rem !important;

    }
    button{
        color: white;
        font-size: 18px;
        background: hotpink;
        border: none;
        width: 95%;
        height:0.9rem ;
        position: relative;
        left: 0.17rem;
        top: 2.47rem;
        outline: none;
    }
    p{
        text-align: center;
        font-size: 12px;
        position: relative;
        top: 3.2rem;
    }
    a{
        display: block;
        text-align: center;
        font-size: 12px;
        position: relative;
        top: 3.4rem;
    }
</style>